<!-- Create dynamic HTML in C++ code like the master in {{RENDERING_TIMER}}ms -->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="/style.css">
    <title>{{PAGE_TITLE}}</title>
</head>
<body>
    <div class="wrapper">
        <div class="left_menu">
            <div class="left_menu__wrapper">
{{SERVERS_SECTION}}
            </div>
            <a href="https://notabug.org/acetone/ircabot" target="_blank" class="left_menu__footer">IRCaBot {{VERSION}}<br>GPLv3 &copy; acetone, {{COPYRIGHT_YEAR}}</a>
        </div>
        <div class="main">
            <div class="main_header">
                <div class="main_header__title">
                    <span title="{{CHANNEL_TOPIC}}">{{MAIN_HEADER}}</span>
                    <a href="{{REALTIME_LINK}}" title="{{AIRPLAIN_TITLE}}" class="main_header__title_airplaine"></a>
{{ADDITIONAL_BUTTON}}
                </div>
                <div class="main_header__search">
                    <form class="main_header__search_form" method="get">
                        <div class="main_header__search_block">
                            <input class="main_header__search_input" type="search" name="toSearch" placeholder="{{SEARCH_PLACEHOLDER}}">
                            <div class="main_header__search_button">
                                <input class="main_header__search_button__img" type="submit" value="">
                            </div>
                        </div>
                        <div class="main_header__search_checkbox">
                            <input id="main_header__search_checkbox__button" type="checkbox" name="isRegexp">
                            <label style="cursor: pointer;" for="main_header__search_checkbox__button">
                                Regular expression
                            </label>
                        </div>
                    </form>
                </div>
            </div>
            <div class="main_middle">
                <div class="main_middle__path">
                    {{MIDDLE_PATH}}
                </div>
                <div class="main_middle__online">
                    <input id="menu__toggle" type="checkbox"/>
                    <label style="cursor: pointer;" for="menu__toggle">
                        Online: {{ONLINE}}
                    </label>
                    <div class="main_middle__online_list">
{{ONLINE_LIST}}
                    </div>
                </div>
            </div> <!-- main_middle -->
            <div class="main_payload">
{{PAYLOAD_BLOCK}}
            </div>
        </div>
    </div>
</body>
</html>
